import React from 'react'
import LogoIcon from '../assets/images/home/img4.png'


export const NoDataComp = React.forwardRef(({text, desc, actionText,handleAction}, ref) => {

    const actionClick = () => {
        handleAction()
    }

    return (
        <div className='no-data-comp'>
            <div className='no-data-icon'>
                <img src={LogoIcon}></img>
            </div>
            <div className='no-data-text'>{text}</div>
            <div className='no-data-desc'>{desc}</div>
            {
                actionText ? <div className='action' onClick={() => actionClick()}>{actionText}</div> : null
            }
        </div>
    )

})
